<script setup lang="ts"></script>

<template>
	<header id="navbar" class="flex justify-center border-b xl:fixed xl:top-0 w-screen">
		<div class="h-full flex items-center px-6 w-full xl:px-0 xl:w-1200">
			<router-link to="/">
				<img class="h-7 w-13" src="https://element-plus.org/images/element-plus-logo.svg" />
			</router-link>
		</div>
	</header>
	<div id="navbar-helper"></div>
</template>
<style>
#navbar,
#navbar-helper {
	height: 55px;
	z-index: 9;
	background-color: white;
}
@media (max-width: 1200px) {
	#navbar-helper {
		display: none;
	}
}
#navbar1 {
}
</style>
